<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asteroids</title>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	
	<section>
			<header>
			<h1 class="hea">Size Distribution of Asteroids (p1) </h1>
			
				<p class="hea1">Asteroids vary greatly in size with large ones being approximately 1000km long.Some are spherical in shape.
	</p>
			</header>
			
		</section>
	<body onload="javascript:visitPage1()">
 
	
	<div id="table1">
	
	
		
		<div class="b">
		  
		<div class="webbutton1">
		<a href="index.html">page 1</a><br/>
		</div>
		
		 
		<div class="webbutton2">
		<a href="page-2.html">page 2</a><br/>
		</div>
		
		
		<div class="webbutton3">
		<a href="page-3.html">page 3</a><br/>
		</div>
		<div class="webbutton4">
		<a href="page-4.html">page 4</a><br/>
		</div>
		<div class="webbutton4a">
		<a href="test.html" id="test-link">Test</a>
		</div>
		
		
	  <!--  
			<a class="webbutton" href="page-1.html">Page 1</a><br/>
			<a class="webbutton"href="page-2.html">Page 2</a><br/>
			<a class="webbutton"href="page-3.html">Page 3</a><br/>
			<a class="webbutton"href="page-4.html">Page 4</a><br/>
			<a class="webbutton"href="test.html" id="test-link">Test</a>
	-->
		</div>
		
		
			<nav class="a"></nav>
			 
			<nav class="b">
				<img id="picture1" src="images/asteroids2.jpg" alt="asteroids" title="asteroids"/><br/>
			</nav>
			<nav class="a"></nav>
			<nav class="b">
				<img id="picture1" src="images/asteroids1.jpg" alt="asteroids" title="asteroids"/>
			</nav>
			
		<nav class="a"></nav>
			
			
		
	  
		</div>
		<br/>
	<footer>
    <cite id="in" >&copy; Information retrieved from http://en.wikipedia.org/wiki/Asteroid and http://www.dailygalaxy.com/my_weblog/asteroids/ </cite>
   	</footer>	
	
	</body>
</html>